<template>
	<div class="two">
		<div class="two-top">
			<p><span class="iconfont">&#xe699;</span>猜你喜欢</p>
		</div>
		<div class="two-list" v-for="(item , index ) in doyouList" :key="item.id">
			<img :src="item.doyouURL"/>
			<p >{{item.doyouTil}}</p>
			<p class="p2">
				<span class="iconfont span1">&#xe812;&#xe812;&#xe812;&#xe812;&#xe812;</span>
				<span class="sp1">{{item.pl}}</span>条评论
			</p>
			<p>
				￥<span class="p1">{{item.price}}</span>
				<span class="sp2">起</span><a>{{item.dz}}</a>
			</p>
		</div>
	</div>
</template>

<script>
	export default {
		props:['doyouList'],
	}
</script>

<style scoped>
	.two{
		width: 100%;
		margin-top: 0.4rem;
		background-color: white;
		padding-bottom: 0.3rem;
	}
	.two-top{
		padding-top: 0.1rem;
		margin: 0.2rem;
	}
	.two-top span{
		color: #FF0000;
	}
	.two-top p{
		font-size: 0.4rem;
	}
	.two-list{
		padding-bottom: 0.1rem;
		margin: 0.2rem;
		border-bottom: 0.01rem solid gray;
		padding-top: 0.2rem;
	}
	.two-list img{
		width: 30%;
		margin-right: 0.4rem;
		float: left;
	}
	.two-list p{
		white-space: nowrap;
		width: 100%;
		margin-top: 0.2rem;
		margin-bottom: 0.4rem;
		font-size: 0.45rem;
	}
	.two-list .sp1{
		margin-left: 0.5rem;
	}
	.two-list .sp2{
		font-size: 0.3rem;
	}
	.two-list .p1{
		color: #FF0000;
	}
	.two-list .p2{
		font-size: 0.3rem;
	}
	.span1{
		color: yellow;
	}
	.two-list a{
		display: inline-block;
		position: relative;
		bottom: 0.1rem;
		font-size: 0.28rem;
		float: right;
	}
</style>
